import React, { useState, useEffect } from 'react'
import { View, Image } from '@tarojs/components'
import Taro, { useDidShow } from '@tarojs/taro'
import api from '../../http/api'


import './index.less'

export default (props: any) => {
  const info: any = Taro.getStorageSync('info')
  const uSchoolId = info ? JSON.parse(info).userInfo.uSchoolId : 0
  const [list, setList] = useState([{ "id": 34, "uSchoolId": 1, "src": "https://static.zhongningwenhua.com/uniSchool/upload/33eab9e2ee7edaaef3073cb15d716509.png", "title": "我敢闯，我会创", "intro": "2020大学生第十一届创新创业大赛强势来袭", "activeTime": "2020-12-31T13:03:32.000Z", "address": "温泉校区学术报告厅", "content": "<p style=\"text-align:center;\"><br></p><p style=\"text-align:center;\">我敢闯，我会创<br><br>2020大学生第十一届创新创业大赛强势来袭！<br><br>创新创业的巅峰对决，全面打响<br><br>凛冽的冬风吹不灭创新的热情<br>前路的未知动不了创业的决心<br>舞台的大小定不下我们的未来<br><br>大家对创新创业的热情炙热，激情与热血在这个严寒的冬天燃烧<br>所有选手蓄积满格能量<br>令人热血沸腾<br>睿智创新始于心&nbsp;，激情创业践于行<br><br>本次大赛以帮助大学生了解创业知识为目的，激发大学生创新创业的热情，提高自主创业的能力，营造良好的创业氛围，带动更多的大学生投身自主创业实践的行列，引导大学生树立正确的就业观和价值观。<br><br>观看此次比赛，我相信你能收获颇多。<br>创业大舞台，有你更精彩。<br>如果你想了解更多创新创业方面的知识，就快来参加本次活动吧<br><br>活动时间:12月8日晚19点<br>活动地点:温泉校区学术报告厅<br>活动对象:全校学生<br><br>咸安校区的同学们也不用担心哦，是有校车可以接送过来的。<br>请大家佩戴好口罩做好安全防护措施。<br><br>——湖北科技学院学生会宣<o:p></o:p></p><p style=\"text-align:center;\"><br></p>", "type": 2, "manageId": 11, "isGrounding": 1, "publishTime": "2020-12-27T13:07:33.000Z", "ord": 0 }])
  const toDetail = (item: any) => {
    Taro.navigateTo({
      url: `/pages/newsDetail/index?id=${item.id}`
    })
  }
  useDidShow(() => {
    api.version().then((res:any)=>{
      const version = res.data
      if(version ===1){
        api.newsList({
          title: props.title,
          uSchoolId
        }).then((res: any) => {
          setList(res.data.list)
        })
      }
    })
    
  })
  // useEffect(() => {
  //   api.newsList({
  //     title: props.title,
  //     uSchoolId
  //   }).then((res: any) => {
  //     setList(res.data.list)
  //   })
  // }, [props.title])
  return (
    <View className='business'>
      {
        list.map((item, i) => (
          <View className='list' key={i} onClick={() => { toDetail(item) }}>
            <Image className='img' src={item.src} ></Image>
            <View className='title'>{item.title}</View>
            <View className='cont'>{item.intro}</View>
          </View>
        ))
      }

    </View>
  )
}
